<template>
	<view class="content">
		<view class="card-box"  @click="goCurriculum">
		<view class="card">
			<view class="top">
				<view class="left">
					<view class="name">赵凯</view>
					<view class="post">信息资源管理中心  
技术支撑岗</view>
				</view>
				<view class="right">
					<image src="../../static/img/pic.jpg" mode=""></image>
				</view>
			</view>
			<view class="bottom">
<view class="ma"><image src="../../static/img/ma.png" mode=""></image></view>
<view class="company">
	<view class="company-t">股份公司</view>
	<!-- <image src="../../static/img/ma.png" mode=""></image> -->
</view>
			</view>
		</view>
		</view>
		<view class="cell-box">
		<view class="cell" @click="goAnnuity">
			<view class="cell-l"><image src="../../static/img/f1.png" mode=""></image></view>
			<view class="cell-m">我的企业年金</view>
			<view class="cell-r"><image src="../../static/img/back.png" mode=""></image></view>
		</view>
		<!-- <navigator url="/pages/my-pay/index"> -->
		<view class="cell" @click="goPay">
			<view class="cell-l"><image src="../../static/img/f3.png" mode=""></image></view>
			<view class="cell-m">我的薪酬</view>
			<view class="cell-r"><image src="../../static/img/back.png" mode=""></image></view>
		</view>
		<!-- </navigator> -->
		<view class="cell" >
			<view class="cell-l"><image src="../../static/img/f2.png" mode=""></image></view>
			<view class="cell-m">我的弹性福利保险</view>
			<view class="cell-r"><image src="../../static/img/back.png" mode=""></image></view>
		</view>
		</view>
		
<!-- 		<view class="cell-box">
		<view class="cell">
			<view class="cell-l"><image src="../../static/img/f1.png" mode=""></image></view>
			<view class="cell-m">我的休假余额</view>
			<view class="cell-r"><image src="../../static/img/back.png" mode=""></image></view>
		</view>
		<view class="cell">
			<view class="cell-l"><image src="../../static/img/f3.png" mode=""></image></view>
			<view class="cell-m">我的加班</view>
			<view class="cell-r"><image src="../../static/img/back.png" mode=""></image></view>
		</view>
		<view class="cell">
			<view class="cell-l"><image src="../../static/img/f2.png" mode=""></image></view>
			<view class="cell-m">我的打卡记录</view>
			<view class="cell-r"><image src="../../static/img/back.png" mode=""></image></view>
		</view>
		</view> -->
		<view class="cells">
			<view class="cell-l"><image src="../../static/img/f4.png" mode=""></image></view>
			<view class="cell-m">我的团队</view>
			<view class="cell-r"><image src="../../static/img/back.png" mode=""></image></view>
		</view>
		<view class="cells">
			<view class="cell-l"><image src="../../static/img/f5.png" mode=""></image></view>
			<view class="cell-m">意见反馈</view>
			<view class="cell-r"><image src="../../static/img/back.png" mode=""></image></view>
		</view>
		
	</view>
</template>

<script>
	
	export default {
		
		data() {
			return {}
		},
		onLoad() {},
		methods: {
			
			 goPay(e){
				console.log(1)
				uni.navigateTo({
					url:'../my-pay/index'
				})
			},
			goAnnuity(e){
				console.log(1)
				uni.navigateTo({
					url:'../enterprise-annuity/index'
				})
			},
			goCurriculum(e){
				uni.navigateTo({
					url:'../my-curriculum/index'
				})
			}
		}
	}
</script>

<style>
	
	page{
		background: #f3f3f3;
	}
	.card-box{
		width: 100%;
		height: 460upx;
		background: #fff;
		position: relative;
	}
	.card{
		width: 92%;
		height: 400upx;
		background: #fff;
		/* margin:0 auto; */
		box-shadow: #e0e0e0 0px 0px 5px 1px;
		border-radius: 10upx;
		position: absolute;
		top: 6%;
		left: 4%;
	}
	.top{
		width: 100%;
		height: 260upx;
		/* background: red; */
		display: flex;
		flex-wrap: nowrap;
	}
	.left{
		width: 60%;
		height: 260upx;
		/* background: pink; */
	}
	.right{
		width: 40%;
		height: 260upx;
		/* background: red; */
	}
	.right image{
		margin-top: 40upx;
		margin-right: 30upx;
		width: 100%;
		height: 180upx;
	}
	.name{
		width: 100%;
		height: 120upx;
		line-height: 120upx;
		/* background: pink; */
		padding: 0 30upx;
		box-sizing: border-box;
	}
	.post{
		width: 80%;
		height: 110upx;
		line-height: 55upx;
		/* background: green; */
		padding: 0 30upx;
		box-sizing: border-box;
		font-size: 30upx;
	}
	.bottom{
		width: 100%;
		height: 140upx;
		display: flex;
		flex-wrap: nowrap;
		/* background: pink; */
	}
	.ma{
		width: 100%;
		height: 100%;
		/* background: pink; */
	}
	.ma image{
		width: 50upx;
		height:50upx;
		margin-left: 30upx;
		margin-top: 50upx;
	}
	.company{
		width: 100%;
		height: 100%;
		/* background: red; */
	}
	.company-t{
		width: 160upx;
		height:60upx;
		margin-left: 245upx;
		margin-top: 58upx;
		font-size: 26upx;
	}
	.company image{
		width: 60upx;
		height:60upx;
		margin-left: 245upx;
		margin-top: 50upx;
	}
	.cell-box{
		width: 100%;
		height: 300upx;
		background: #fff;
		margin-top: 25upx;
	}
	.cell{
		width: 100%;
		height: 100upx;
		display: flex;
		flex-wrap: nowrap;
		border-bottom: 1px solid #eee;
	}
	.cells{
		width: 100%;
		height: 100upx;
		display: flex;
		flex-wrap: nowrap;
		border-bottom: 1px solid #eee;
		background: #fff;
		margin-top: 25upx;
	}
	.cell-l{
		width: 15%;
		height: 100upx;
		line-height: 115upx;
		/* background: pink; */
		
	}
	.cell-l image{
		width: 45upx;
		height: 45upx;
		margin-left: 30upx;
	}
	.cell-m{
		width: 75%;
		height: 100upx;
		line-height: 100upx;
		font-size: 30upx;
	}
	.cell-r{
		width: 10%;
		height: 100upx;
		line-height: 120upx;
	}
	.cell-r image{
		width: 50upx;
		height: 50upx;
		
	}
</style>
